<mdl-layout mdl-layout-fixed-header mdl-layout-header-seamed>
  <mdl-layout-header>
    <mdl-layout-header-row>
      <mdl-layout-title>
        <img src="../../assets/images/login/title.png" style="height:50px;margin: 0 15px 0 15px;" />
      </mdl-layout-title>
      <mdl-layout-spacer></mdl-layout-spacer>
      <nav class="mdl-navigation">
      </nav>
    </mdl-layout-header-row>
  </mdl-layout-header>
  <mdl-layout-content mdl-shadow="16">
    <div class="ui-g ui-g-12 fb-container" style="height:100%;padding:0;">
      <div style="height:100%;width:75px;padding:0;">
        <aside id="left-menu" class="left-menu">
          <ul>
            <li>
              <div id="expand" class="left-menu-nav-icon">
                <i class="fa fa-bars" aria-hidden="true"></i>
              </div>
            </li>
            <li *ngFor="let item of items;let i=index">
              <div routerLink="{{item.routerLink}}" (click)="itemClick(item,i)" [style]="{'background-color':'#2980B9'}"
                [ngClass]="{true:'left-menu-selected',false:''}[this.selectedIndex==i]">
                <i class="{{item.icon}}" aria-hidden="true"></i>
                <div style="font-size:14px;line-height: 15px;margin-top:-5px;">{{item.label}}</div>
            </div>
            </li>
          </ul>
        </aside>
      </div>
      <div style="width:calc(100% - 75px);border:none;padding:0;height: 100%;">
        <router-outlet></router-outlet>
      </div>

    </div>
  </mdl-layout-content>
</mdl-layout>
